<template>
    <div class="tyus-menu-item-group-container">
        <div class="tyus-menu-item-group-content">
            <span class="tyus-menu-item-group-label">{{ props.label }}</span>
        </div>
    </div>
</template>

<script lang="ts" setup>
import { defineProps } from 'vue';
// 外部参数
const props = defineProps({
    // 标题
    label: { type: String, default: '' },
});
</script>

<style lang="scss" scoped>
.tyus-menu-item-group-container {
    .tyus-menu-item-group-label {
        @include flex.display-flex;
        height: var(--height-default);
        padding: 0 var(--padding-horizontal-default);
        box-sizing: border-box;
    }
}
</style>
